const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true,
  lintOnSave: false,
  // 定义 CSS 相关配置
  css: {
    loaderOptions: {
      less: {
        lessOptions: {
          strictMath: true,
        },
      },
    },
  },
  // 链式调用以进一步自定义 Webpack 配置
  // chainWebpack: (config) => {
  //   // 先清除现有的less规则
  //   config.module.rule('less').uses.clear();

  //   // 重新定义less规则
  //   config.module
  //     .rule('less')
  //     .test(/\.less$/)
  //     .use('vue-style-loader')
  //     .loader('vue-style-loader')
  //     .end()
  //     .use('css-loader')
  //     .loader('css-loader')
  //     .options({
  //       // css-loader 的选项可以根据需求添加
  //     })
  //     .end()
  //     .use('postcss-loader')
  //     .loader('postcss-loader')
  //     .end()
  //     .use('less-loader')
  //     .loader('less-loader')
  //     .options({
  //       // less-loader 的选项可以根据需求添加
  //     });
  // },
})
